@charset "utf-8";

body,div,ul,li{margin:0;padding: 0;}
ul{list-style: none;}
::-webkit-scrollbar-track-piece{background-color:#fff; -webkit-border-radius:0; }
::-webkit-scrollbar{width:8px; height:8px; }
::-webkit-scrollbar-thumb{height:50px; background-color:#ccc; -webkit-border-radius:4px; outline:2px solid #fff; outline-offset:-2px; border: 2px solid #fff; }
::-webkit-scrollbar-thumb:hover{height:50px; background-color:#9f9f9f; -webkit-border-radius:4px; } 
.ta-r{text-align: right;}
.ta-l{text-align: left;}

body{width:250px;min-height: 300px;font-family: "宋体",Arial; font-size:12px;position: relative;
    padding-bottom:30px;}
ul{max-height:150px;overflow-y: auto;padding:2px;
    min-height: 100px;}
ul li{height:20px;line-height: 20px;border-bottom: solid 1px #eaeaea;padding:2px 0;}
ul li:hover{background-color: #f0f0f0;}
ul li:last-child{border: none;}

.operations{width:40px;float: right; text-align: right;}
.title{width:190px;overflow: hidden;cursor: pointer;display: inline-block;}
.title:hover{color:rgb(59, 127, 196);}

.wrap{text-align: center;margin-top: 5px;}
textarea.content{width:240px; height: 50px; resize: none; margin-left: auto; margin-right: auto; border: solid 1px #ccc;} 
textarea.result{} 
.panel{padding: 5px;}

.footer{text-align: right;background-color: #eaeaea;padding: 3px;position: absolute;bottom: 0;width: 100%;box-sizing: border-box;}
.footer:after {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }

.icon-setting{width:16px;height:16px;background-image:url("setting.png");display: inline-block;cursor: pointer;vertical-align: middle;}
.icon-run{width:16px;height:16px;background-image:url("play.png");display: inline-block;cursor: pointer;vertical-align: middle;}